.project {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	.container {
		padding-top: 50px;
		padding-bottom: 100px;
		ul {
			li {
				height: 250px;
				.item {
					width: 50%;
					height: 250px;
					padding: 10px;
				}
				.item-left,
				.item-right {
					margin-bottom: 0.5rem;
					position: relative;
					float: left;
					text-align: center;
					background: #eaeaea;
				}
				.item-left {
					border-right: 6px solid #ff7242;
					&::before {
						content: '';
						position: absolute;
						right: -9px;
						cursor: pointer;
						transition: all 0.3s ease-out;
						top: -10px;

						width: 0.43em;
						height: 0.43em;
						border: 0.215em solid #49b1f5;
						border-radius: 0.43em;
						background: transparent;
					}
				}
				.item-right {
					float: right;
					margin-right: 5px;
					border-left: 6px solid #49b1f5;
					&::before {
						content: '';
						position: absolute;
						left: -9px;
						cursor: pointer;
						transition: all 0.3s ease-out;
						top: -10px;

						width: 0.43em;
						height: 0.43em;
						border: 0.215em solid #49b1f5;
						border-radius: 0.43em;
						background: transparent;
					}
				}
			}
		}
	}
}
